<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>online-327-3</title>
    <style type="text/css" media="all">
        #clock {
            background: #ddf;
            padding: 10px;
            border: 2px solid black;
            border-radius: 5px;
            font-weight: bold;
            font-size: 40px;
        }
    </style>
</head>
<body>
<h1>时钟</h1>
<span id="clock"></span>
<script type="text/javascript">
    function displayTime() {//定义一个函数用于显示当前时间
        var elt = document.getElementById("clock");
        var now = new Date()//得到当前时间;
        elt.innerHTML = now.toLocaleTimeString();//让elt来显示它
        //toLocalTimeString()方法可根据本地时间把 Date 对象的时间部分转换为字符串，并返回结果
        setInterval(displayTime, 1000);//在一秒后再次执行
    }
    alert('hahaha');
    window.onload = displayTime;//当onload事件发生时开始显示时间（当页面加载完成后触发disPlay()）

</script>

</body>
</html>